<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
        <!-- prva sekcija -->
       <div class="main-container">
       		<section class="section">
            	<!-- prvi red sa tabelama -->
                <div class="row margin-bottom-2x">
                	<div class="col-lg-4 col-md-4 col-sm-4">
                      <!-- tabela levo -->
                      <div class="pricing-table gray">
                          <h3 class="pricing-title">STANDARD</h3>
                          <div class="price-container">
                              <span class="price">$99</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>1 image or graphic element</li>
                              <li>Choose between 5 different types of fonts</li>
                              <li>1 cover proof</li>
                              <li>To be delivered in 3 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela levo -->
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                      <!-- tabela sredina -->
                      <div class="pricing-table blue">
                          <h3 class="pricing-title">PREMIUM</h3>
                          <div class="price-container">
                              <span class="price">$149</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>Multiple images or graphic elements</li>
                              <li>Choose between 20 different types of fonts</li>
                              <li>2 cover proofs</li>
                              <li>To be delivered in 2 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela sredina -->
                    </div>
                	<div class="col-lg-4 col-md-4 col-sm-4">
                      <!-- tabela desno -->
                      <div class="pricing-table gray">
                          <h3 class="pricing-title">STANDARD</h3>
                          <div class="price-container">
                              <span class="price">$99</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>1 image or graphic element</li>
                              <li>Choose between 5 different types of fonts</li>
                              <li>1 cover proof</li>
                              <li>To be delivered in 3 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela desno -->
                    </div>
                    </div>
                    <!-- /prvi red sa tabelama -->
                    <!-- drugi red sa tabelama -->
                <div class="row">
                  <div class="col-lg-4 col-md-4 col-sm-4 col-lg-push-2 col-md-push-2 col-sm-push-2">
                      <!-- tabela levo -->
                      <div class="pricing-table blue">
                          <h3 class="pricing-title">STANDARD</h3>
                          <div class="price-container">
                              <span class="price">$99</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>1 image or graphic element</li>
                              <li>Choose between 5 different types of fonts</li>
                              <li>1 cover proof</li>
                              <li>To be delivered in 3 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela levo -->
                  </div>
                  <div class="col-lg-4 col-md-4 col-sm-4 col-lg-push-2 col-md-push-2 col-sm-push-2">
                      <!-- tabela desno -->
                      <div class="pricing-table gray">
                          <h3 class="pricing-title">PREMIUM</h3>
                          <div class="price-container">
                              <span class="price">$149</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>Multiple images or graphic elements</li>
                              <li>Choose between 20 different types of fonts</li>
                              <li>2 cover proofs</li>
                              <li>To be delivered in 2 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela desno -->
                      
                </div>
                <!-- \drugi red sa tabelama -->
                </div>
            </section>
            <!-- /prva sekcija -->
       		
            
            <!-- druga sekcija -->
       		<section class="section">
            </section>
            <!-- \druga sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>We can create digital <span class="red">marketing</span> campaigns </h2>
						</li>
						<li>
							<h2>We can create digital <span class="red">marketing</span> campaigns </h2>
						</li>
						<li>
							<h2>We can create digital <span class="red">marketing</span> campaigns </h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <img class="upper-left-img" src="img/package.png" alt="xxx">
                <p>Let’s face it! Yes, you have finished writing the book and you’re about to publish it but at the same time you’re aware that there are thousands of other books to compete with. Beating the completion is not an easy task especially in big online stores where the virtual shelves are crowded with numerous titles. And if you are a self-published author, you will need some extra buzz to reach your audience and let them know about your amazing book. 
                </p>
				<P>Our marketing team can help you in achieving this. We can create digital marketing campaigns which will identify and reach your target audience and increase the awareness of your book.
				</p>
            </section>
            <!-- \druga sekcija -->
            <!-- treca sekcija -->
              <section class="section">
              	<img class="img-responsive align-center" src="img/icon-cloud.png" alt="xxx">
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \treca sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>